export type BackgroundColor =
  | 'brand'
  | 'brand-hover'
  | 'brand-pressed'
  | 'brand-secondary'
  | 'brand-tertiary'
  | 'component'
  | 'component-hover'
  | 'component-pressed'
  | 'component-secondary'
  | 'component-tertiary'
  | 'danger'
  | 'danger-hover'
  | 'danger-pressed'
  | 'danger-secondary'
  | 'danger-tertiary'
  | 'default'
  | 'disabled'
  | 'disabled-secondary'
  | 'hover'
  | 'inverse'
  | 'onselected'
  | 'onselected-hover'
  | 'onselected-pressed'
  | 'pressed'
  | 'secondary'
  | 'selected'
  | 'selected-hover'
  | 'selected-pressed'
  | 'selected-secondary'
  | 'selected-strong'
  | 'selected-tertiary'
  | 'success'
  | 'success-hover'
  | 'success-pressed'
  | 'success-secondary'
  | 'success-tertiary'
  | 'tertiary'
  | 'warning'
  | 'warning-hover'
  | 'warning-pressed'
  | 'warning-secondary'
  | 'warning-tertiary'

export type BorderColor =
  | 'brand'
  | 'brand-strong'
  | 'component'
  | 'component-hover'
  | 'component-strong'
  | 'danger'
  | 'danger-strong'
  | 'default'
  | 'disabled'
  | 'disabled-strong'
  | 'onbrand'
  | 'onbrand-strong'
  | 'oncomponent'
  | 'oncomponent-strong'
  | 'ondanger'
  | 'ondanger-strong'
  | 'onselected'
  | 'onselected-strong'
  | 'onsuccess'
  | 'onsuccess-strong'
  | 'onwarning'
  | 'onwarning-strong'
  | 'selected'
  | 'selected-strong'
  | 'strong'
  | 'success'
  | 'success-strong'
  | 'warning'
  | 'warning-strong'

export type IconColor =
  | 'brand'
  | 'brand-pressed'
  | 'brand-secondary'
  | 'brand-tertiary'
  | 'component'
  | 'component-pressed'
  | 'component-secondary'
  | 'component-tertiary'
  | 'danger'
  | 'danger-hover'
  | 'danger-pressed'
  | 'danger-secondary'
  | 'danger-secondary-hover'
  | 'danger-tertiary'
  | 'default'
  | 'disabled'
  | 'hover'
  | 'onbrand'
  | 'onbrand-secondary'
  | 'onbrand-tertiary'
  | 'oncomponent'
  | 'oncomponent-secondary'
  | 'oncomponent-tertiary'
  | 'ondanger'
  | 'ondanger-secondary'
  | 'ondanger-tertiary'
  | 'ondisabled'
  | 'oninverse'
  | 'onselected'
  | 'onselected-secondary'
  | 'onselected-strong'
  | 'onselected-tertiary'
  | 'onsuccess'
  | 'onsuccess-secondary'
  | 'onsuccess-tertiary'
  | 'onwarning'
  | 'onwarning-secondary'
  | 'onwarning-tertiary'
  | 'pressed'
  | 'secondary'
  | 'secondary-hover'
  | 'selected'
  | 'selected-secondary'
  | 'selected-tertiary'
  | 'success'
  | 'success-pressed'
  | 'success-secondary'
  | 'success-tertiary'
  | 'tertiary'
  | 'tertiary-hover'
  | 'warning'
  | 'warning-pressed'
  | 'warning-secondary'
  | 'warning-tertiary'

export type TextColor =
  | 'brand'
  | 'brand-secondary'
  | 'brand-tertiary'
  | 'component'
  | 'component-pressed'
  | 'component-secondary'
  | 'component-tertiary'
  | 'danger'
  | 'danger-secondary'
  | 'danger-tertiary'
  | 'default'
  | 'disabled'
  | 'hover'
  | 'onbrand'
  | 'onbrand-secondary'
  | 'onbrand-tertiary'
  | 'oncomponent'
  | 'oncomponent-secondary'
  | 'oncomponent-tertiary'
  | 'ondanger'
  | 'ondanger-secondary'
  | 'ondanger-tertiary'
  | 'ondisabled'
  | 'oninverse'
  | 'onselected'
  | 'onselected-secondary'
  | 'onselected-strong'
  | 'onselected-tertiary'
  | 'onsuccess'
  | 'onsuccess-secondary'
  | 'onsuccess-tertiary'
  | 'onwarning'
  | 'onwarning-secondary'
  | 'onwarning-tertiary'
  | 'secondary'
  | 'secondary-hover'
  | 'selected'
  | 'selected-secondary'
  | 'selected-tertiary'
  | 'success'
  | 'success-secondary'
  | 'success-tertiary'
  | 'tertiary'
  | 'tertiary-hover'
  | 'warning'
  | 'warning-secondary'
  | 'warning-tertiary'
